import React, { Component } from 'react';
import { Link } from 'react-router-dom';

class Explore extends Component {
    render() {
        return (
            <div className="Explore">
                <div className="zu-main-sidebar" data-za-module="RightSideBar">
                    <div className="zm-side-section explore-side-section explore-side-section-roundtable">
                        <div className="zm-side-section-inner">
                            <div className="section-title">
                                <Link to="/roundtable" className="zg-link-gray zg-right" data-za-c="view_roundtable" data-za-a="visit_roundtable_home" data-za-l="explore_sidebar_trending_roundtable_more">更多圆桌 »</Link>
                                <h3>热门圆桌</h3>
                            </div>
                            <ul className="list hot-roundtables">
                                <li className="clearfix">
                                    <Link target="_blank" className="avatar-link" to="/roundtable/risk"><img src="https://pic1.zhimg.com/v2-5aeedb6dbbe8d6198e5e49fb3fe5546b_m.jpg" alt="Path" className="avatar 40" /></Link>
                                    <div className="content">
                                        <Link to="/roundtable/risk" target="_blank" data-hovercard="r$t$risk">欢迎来到风控时代</Link>
                                        <div className="meta">
                                            <span>10322 人关注</span>
                                            <span className="zg-bull">•</span>
                                            <span>77 个问题</span>
                                        </div>
                                    </div>
                                </li>
                                <li className="clearfix">
                                    <Link target="_blank" className="avatar-link" to="/roundtable/vlog"><img src="https://pic1.zhimg.com/v2-3d4d1d87b0773f70e4bcd1fa30365c27_m.jpg" alt="Path" className="avatar 40" /></Link>
                                    <div className="content">
                                        <Link to="/roundtable/vlog" target="_blank" data-hovercard="r$t$vlog">VLOG：视频记录者</Link>
                                        <div className="meta">
                                            <span>3564 人关注</span>
                                            <span className="zg-bull">•</span>
                                            <span>27 个问题</span>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div className="zm-side-section explore-side-section">
                        <div className="zm-side-section-inner">
                            <div className="section-title">
                                <Link to="/topics" className="zg-link-gray zg-right">更多话题 »</Link>
                                <h3>热门话题</h3>
                            </div>
                            <ul className="list hot-topics">
                                <li className="clearfix">
                                    <Link target="_blank" className="avatar-link" to="/topic/19865724" data-hovercard="t$b$19865724"><img src="https://pic3.zhimg.com/v2-296f1ee32553f13bb898880477871660_m.jpg" alt="神器" className="avatar 40" /></Link>
                                    <div className="content">
                                        <Link to="/topic/19865724" target="_blank" data-hovercard="t$b$19865724">神器</Link>
                                        <div className="meta">
                                            <span>11643 人关注</span>
                                        </div>
                                    </div>
                                    <div className="bottom">
                                        <Link className="question_link" to="/question/67532423" target="_blank" data-id="19241299" data-za-element-name="Title">
                                            有哪些让你感慨「拥有真好」的好东西、「神器」呢？
            </Link>
                                    </div>
                                </li>
                                <li className="clearfix">
                                    <Link target="_blank" className="avatar-link" to="/topic/19559450" data-hovercard="t$b$19559450"><img src="https://pic2.zhimg.com/d3dd87a0feae0a3db82973157eee89c0_m.jpg" alt="机器学习" className="avatar 40" /></Link>
                                    <div className="content">
                                        <Link to="/topic/19559450" target="_blank" data-hovercard="t$b$19559450">机器学习</Link>
                                        <div className="meta">
                                            <span>847285 人关注</span>
                                        </div>
                                    </div>
                                    <div className="bottom">

                                        <Link className="question_link" to="/question/51558807" target="_blank" data-id="12841416" data-za-element-name="Title">
                                            你是如何走出科研的低谷的？
            </Link>

                                    </div>
                                </li>

                                <li className="clearfix">
                                    <Link target="_blank" className="avatar-link" to="/topic/19638781" data-hovercard="t$b$19638781"><img src="https://pic1.zhimg.com/6a5bf4c60_m.jpg" alt="企业并购" className="avatar 40" /></Link>
                                    <div className="content">
                                        <Link to="/topic/19638781" target="_blank" data-hovercard="t$b$19638781">企业并购</Link>
                                        <div className="meta">
                                            <span>65821 人关注</span>

                                        </div>
                                    </div>
                                    <div className="bottom">

                                    </div>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <div className="zm-side-section explore-side-section">
                        <div className="zm-side-section-inner">
                            <div className="section-title">
                                <Link to="javascript:;" id="js-hot-fav-switch" className="zg-link-gray zg-right" data-za-c="collection" data-za-a="click_trending_collections_change" data-za-l="explore_sidebar_trending_collections_collection_name">换一换</Link>
                                <h3>热门收藏</h3>
                            </div>
                            <ul className="list hot-favlists">
                                <li>
                                    <div className="content">
                                        <Link to="/collection/108204786" target="_blank">想不到有这么一句话曾经打动我</Link>
                                        <div className="meta">
                                            <span>189 人关注</span>
                                            <span className="zg-bull">•</span>
                                            <span>225 条内容</span>
                                        </div>
                                    </div>
                                </li>

                                <li>
                                    <div className="content">
                                        <Link to="/collection/120394163" target="_blank">救命用的</Link>
                                        <div className="meta">
                                            <span>2802 人关注</span>
                                            <span className="zg-bull">•</span>
                                            <span>473 条内容</span>
                                        </div>
                                    </div>
                                </li>

                                <li>
                                    <div className="content">
                                        <Link to="/collection/19553646" target="_blank">生活</Link>
                                        <div className="meta">
                                            <span>17790 人关注</span>
                                            <span className="zg-bull">•</span>
                                            <span>11850 条内容</span>
                                        </div>
                                    </div>
                                </li>

                                <li>
                                    <div className="content">
                                        <Link to="/collection/67395745" target="_blank">干货集中营</Link>
                                        <div className="meta">
                                            <span>528 人关注</span>
                                            <span className="zg-bull">•</span>
                                            <span>311 条内容</span>
                                        </div>
                                    </div>
                                </li>

                                <li>
                                    <div className="content">
                                        <Link to="/collection/39228046" target="_blank">一文秒杀</Link>
                                        <div className="meta">
                                            <span>171 人关注</span>
                                            <span className="zg-bull">•</span>
                                            <span>42 条内容</span>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div id="zh-footer" className="zh-footer">
                        <div className="content zg-wrap clearfix">
                            <ul>

                                <li><Link to="https://liukanshan.zhihu.com" target="_blank">刘看山</Link></li>

                                <li><Link to="/question/19581624" target="_blank">知乎指南</Link></li>
                                <li><Link to="javascript:;" id="js-feedback-button">建议反馈</Link></li>

                                <li><Link to="/app" target="_blank">移动应用</Link></li>
                                <li><Link to="/careers">加入知乎</Link></li>
                                <li><Link to="/terms" target="_blank">知乎协议</Link></li>
                                <li><Link to="/jubao" target="_blank">举报投诉</Link></li>
                                <li><Link to="/contact">联系我们</Link></li>

                            </ul>

                            <span className="copy">© 2018 知乎</span>

                        </div>
                    </div>


                </div>
            </div>
        );
    }
}

export default Explore;